@CHARSET "UTF-8";
*{
	margin:0;
	padding:0;
}
body{
	font-family: arial,'pingfang sc',stheiti,simsun,sans-serif;
	font-size:14px;
	background-color:#dddddd;
}


@media only screen and (min-height:800px) {
	.container{
	height:100%;
  }
	#ldgldlxt{
	  	margin-top:350px;
	  }
	}
@media only screen and (max-height:800px) {
.container{
	height:700px;
  }
 #ldgldlxt{
  	margin-top:180px;
  }
}
@media only screen and (max-width:580px) {
 .container{
	width:580px;
  }
}
@media only screen and (min-width:750px) {
	.container{
	width:100%;
  }
}
.container{
	background:url("../images/light3.jpg") no-repeat center center;
	background-size:100% 100%;
	border:1px solid #DDDDDD;
  }
#ldgldlxt{
	font-size: 40px;
    color: white;
    width: 350px;
    height: 60px;
    
    letter-spacing:2px;
}
#login{
    margin-top: 45px;
}
#div-input{
	width:380px;
	height:240px;
	margin-top:10px;
}
.pattern{
	width:340px;
	height:38px;
	color:gray;
	font-size:16px;
	border-radius:8px;
	outline:none;
	border:1px solid #DDDDDD;
	margin-top:30px;
	letter-spacing:2px;
}
#sub{
	width:340px;
	height:40px;
	background-color:#F7CA18;
	border:0;
	font-size:25px;
	cursor:pointer;
	border-radius:8px;
	margin-top:35px;
	letter-spacing:8px;
	color:black;
	
}

.errinfo{
	margin-top:10px;
	color: red;
    font-size: 16px;
  	display:none;
}  
